<template>
    <div> 

        <el-container>
            <!-- 上导航 -->
            <el-header>
                <div class="header">
                    <div class="brand">星火党建系统</div>
                    <div class="actions">退出登录</div>
                </div>
            </el-header>

            <el-container>
            <!-- 主容器 -->
                <!-- 左边菜单栏 -->
                <el-aside width="200px">
                    <el-menu :default-active="$route.path" router>
                        <el-menu-item index="/member">
                            <i class="el-icon-user"></i>
                            <span>党员管理</span>
                        </el-menu-item>
                        <el-menu-item index="/branch">
                            <i class="el-icon-aim"></i>
                            <span>党组织管理</span>
                        </el-menu-item>
                    </el-menu>
                </el-aside>
                <!-- 主内容 -->
                <el-main>
                    <router-view></router-view>
                </el-main>
            </el-container>
        </el-container>

    </div>
</template>

<script>
  export default {
    name:'Home',
   
}
</script>

<style scoped>

    .header { display: flex; justify-content: space-between; align-items: center; height: 60px; }
    .brand { font-weight: 700; font-size: 18px; display: flex; align-items: center; padding-left: 16px; }
    
</style>
